
// 1.0 导入Flex组件
import { Flex } from 'antd-mobile';

// 2.0 导入图片
import navimg1 from '../assets/images/nav-1.png'
import navimg2 from '../assets/images/nav-2.png'
import navimg3 from '../assets/images/nav-3.png'
import navimg4 from '../assets/images/nav-4.png'

function Nav() {
    return (<div>
        <Flex >
            <Flex.Item>
                <Flex direction="column">
                    <Flex.Item>
                        <img src={navimg1} alt="" />
                    </Flex.Item>
                    <Flex.Item>
                        整租
                        </Flex.Item>
                </Flex >
            </Flex.Item>
            <Flex.Item>
                <Flex direction="column">
                    <Flex.Item>
                        <img src={navimg2} alt="" />
                    </Flex.Item>
                    <Flex.Item>
                        合租
                        </Flex.Item>
                </Flex >
            </Flex.Item>
            <Flex.Item>
                <Flex direction="column">
                    <Flex.Item>
                        <img src={navimg3} alt="" />
                    </Flex.Item>
                    <Flex.Item>
                        地图找房
                        </Flex.Item>
                </Flex >
            </Flex.Item>
            <Flex.Item>
                <Flex direction="column">
                    <Flex.Item>
                        <img src={navimg4} alt="" />
                    </Flex.Item>
                    <Flex.Item>
                        去出租
                        </Flex.Item>
                </Flex >
            </Flex.Item>
        </Flex>
    </div>);
}


export default Nav;